/* Main frame rules */

div#content a:visited {
color: #354f76 !important;
}

div#content input, div#content select {
border-radius: 3px;
}

.boxcontent {
font-size: 11px;
border: 2px solid #617FAC;
}

.boxlabel {
background-color: #617FAC;
}

/* Contacts rules */

.tab_cell_label {
background-color: #617FAC;
}

.tabcontent {
border-color: #617FAC;
border-radius: 8px;
box-shadow: 0 2px 3px #666;
}

/* Calendar rules */

.calendar {
background-color: #617FAC;
border-radius: 8px;
box-shadow: 0 2px 3px #666;
}

#inner_month {
margin-top: 4px;
}

.mini_calendar_days a:hover, .mini_calendar_days td:hover {
background-color: #3E65AF;
color: #FFF !important;
}

/* Mail rules */

#summary_view table {
font-size: 95%;
}

#summary_view tr.marked_row {
color: #fff;
}

#message_list_hdr th {
border: none;
padding-left: 2px;
padding-right: 2px;
}

#message_list_hdr {
border: 2px solid #424B52;
background-color: #617fac;
border-radius: 3px;
}

#message_list_hdr th {
color: #fff !important;
background-color: #617fac;
}

#message_list_hdr .current_sort_mode {
color: #000 !important;
background-color: #aac5ec;
}

.sort_descending, .sort_ascending {
background-position: 95% -1px;
}

.sort_ascending {
background-image: url("/static.local/icons/sort_arrow_down.gif");
}

.sort_descending {
background-image: url("/static.local/icons/sort_arrow_up.gif");
}

/* Modal dialog rules */

#modal .md-overlay {
width: 500px;
}

#modal .md-overlay #dialog {
border-radius: 4px;
}

#modal .md-overlay #dialog h1 {
font-size: 16px;
}

/* Icon bar rules */

.ib_button a span {
font-weight: normal;
font-size: 12px;
}

.ib_button {
min-height: 18px;
padding: 0px;
}

.ib_button_link {
min-height: 18px;
padding: 4px 0px 2px 48px;
}

img#expand_roomlist, img#expand_wholist {
padding-top: 0px;
height: 12px;
width: 12px;
}

ul#online_users li.activeuser {
font-size: 12px;
}

#ib_rooms > a.ib_button_link > span {
display: inline-block;
vertical-align: top;
}

#ib_rooms {
padding-bottom: 2px;
}

#ib_summary {
background-image: url("/static.local/icons/summscreen_16xic.gif");
}

#ib_inbox {
background-image: url("/static.local/icons/privatemess_16xic.gif");
}

#ib_calendar {
background-image: url("/static.local/icons/calarea_16xic.gif");
}

#ib_contacts {
background-image: url("/static.local/icons/viewcontacts_16xic.gif");
}

#ib_notes {
background-image: url("/static.local/icons/storenotes_16xic.gif");
}

#ib_tasks {
background-image: url("/static.local/icons/taskmanag_16xic.gif");
}

#ib_rooms {
background-image: url("/static.local/icons/chatrooms_16xic.gif");
}

#ib_users {
background-image: url("/static.local/icons/usermanag_16xic.gif");
}

#ib_chat {
background-image: url("/static.local/icons/citadelchat_16xic.gif");
}

#ib_advanced, #ib_admin {
background-image: url("/static.local/icons/advanpage2_16xic.gif");
}

#ib_aide {
background-image: url("/static.local/icons/advanpage2_16xic.gif");
}

#ib_logoff {
background-image: url("/static.local/icons/logoff_16xic.gif");
}

div.iconbar_text {
font-weight: normal;
padding-top: 2px;
padding-bottom: 2px;
border: 2px solid #424B52;
border-radius: 8px 8px 8px 8px;
margin: 2px 9px;
}

div.iconbar_text select {
margin-left: 2px;
border-radius: 3px;
}

/* Icon bar room rules */

#roomlist li.floor {
font-weight: bold;
font-size: 11px;
}

#roomlist li.room {
font-weight: normal;
font-size: 10px;
}

#roomlist ul li span {
padding-left: 4px;
padding-bottom: 4px;
display: inline-block;
}

li.room-cal {
list-style-image: url("/static.local/icons/calarea_16xic.gif");
}

li.room-private {
list-style-image: url("/static.local/icons/privatemess_16xic.gif");
}

li.room-chat {
list-style-image: url("/static.local/icons/chatrooms_16xic.gif");
}

li.room-addr {
list-style-image: url("/static.local/icons/viewcontacts_16xic.gif");
}

li.room-notes {
list-style-image: url("/static.local/icons/storenotes_16xic.gif");
}

li.room-tasks {
list-style-image: url("/static.local/icons/taskmanag_16xic.gif");
}

/* Notes rule */

.stickynote_outer {
background-color: #c5e7ff !important;
}

.stickynote_titlebar {
background-color: #61839b !important;
}

/* Nav bar rules */

div#navbar {
border-top: none;
font-weight: normal;
border-radius: 8px 8px 0px 0px;
height: 1.8em;
font-family: sans-serif;
font-size: 12px;
}

div#navbar a span {
font-size: 11px !important;
}

#actiondiv select, #actiondiv input {
border-radius: 3px;
}

#actiondiv {
font-weight: normal;
}

/* Icon bar logo rules */

#citlogo {
height: 100px;
position: relative;
border-bottom: 2px solid #424B52;
}

#citlogo img {
background-color: #FFF;
border-color: #424B52;
}

/* Action div rules */

#actiondiv {
margin-right: 10px;
}

#actiondiv select, #actiondiv input {
width: 120px;
}

#actiondiv .start_page a {
border: none !important;
text-decoration: underline;
}

#actiondiv .start_page a, #actiondiv .logstatus {
padding: 1px;
}

/* Customize menu rules */

table.window-back {
border: 2px solid #617FAC;
border-radius: 8px;
box-shadow: 0 2px 3px #666;
}

/* HTML E-mail override rules      */
/* These are needed in some cases  */

.message img {
background-color: transparent;
max-width: none;
padding: 0 !important;
}

.message_content {
padding: 1.0em;
}

.message .message_content * {
border: 0;
text-align: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}

#content #message_listview td {
padding-left: 0;
}

.message_content > div {
width: 98%;
}

#banner td {
font-family: sans-serif !important;
font-size: 16px;
}

#banner td li, #navbar ul li a, #message_listview #summary_view #summary_headers td {
font-size: 11px;
font-family: sans-serif;
}

div#customize, div.iconbar_text, td#actiondiv, #navbar ul li {
font-size: 11px;
font-family: sans-serif;
}

div#content, div#iconbar_container .ib_button {
font-size: 12px;
font-family: sans-serif !important;
}

/* Login rules */

#authbar {
margin-top: 10px;
margin-left: 4px;
}

#auth_container h2 {
font-weight: normal;
}

#authbar .ib_button {
height: 36px;
width: 46px;
box-shadow: 0 2px 3px #666;
background-color: #9aacc3;
}

div.login_image {
display: none;
background-color: #bbb;
padding: 3px 8px 3px 3px;
border-radius: 5px;
}

#login_errmsg {
font-size: 12px;
margin: 0 auto 0 auto;
width: 75%;
text-align: center;
}

.authbox {
font-size: 12px;
width: 87%;
background-color: #fff;
}

#auth_container {
border-radius: 3px;
height: 260px;
background-color: #fff;
border: none;
margin: 0 auto 0 auto;
width: 75%;
}

.authbox input {
border-radius: 3px;
background-color: #EFEFE0;
}

.logbuttons, .registernow {
box-shadow: 0 2px 3px #666;
}

#login_screen {
overflow: visible;
}

#login_screen .boxlabel {
font-size: 12px;
}

#login_screen .boxlabel a {
color: #ccc;
text-decoration: underline;
}

#loginbox_title {
width: 73%;
}

